*{
	padding:0;
	margin:0;
	font-family: 'Microsoft YaHei UI';
}

.top{
	width: 100%;
	height:100px;
	background-color: #07cbc9;
	position:fixed;
	top:0;                         
	left:0;
	right:0;
	z-index: 101;
}
.top .logo{
	float: left;
}
.top .logo{
	width: 260px;
	height: 48px;
	padding-top: 26px;
	padding-bottom: 26px;
	padding-left:100px; 
}
.top .nav{
	float:right;
	padding-right: 50px;
}
.top .nav li{
	float:left;
	list-style-type: none;
	text-decoration: none;
	padding-left: 25px;
	padding-right: 25px;
	line-height: 100px;
	font-size: 16px;
	color:#ffffff;
	font-weight: bold;

}
.top .nav li a{
	text-decoration: none;
	color:#ffffff;
}
.top .nav li:hover{
	background-color: #000;
}
.banner{
	width:100%;
	height:1100px;
}
.banner img{
	position:absolute;
	top: 100px;
	width:100%;
	height:1000px;
}
.opacity{
	width:100%;
	height:1000px;
	position:absolute;
	top: 100px;
	background-color: #000;
	opacity:0.5;
	z-index: 1;
}

.banner form{
	position:absolute;
	top:460px;
	left: 50%;
	margin-left:-250px;
	color:#EEEEEE;
	z-index: 2
}

.banner form input{
	font-weight: bold;
	line-height:40px;
	width:500px;
	height:40px;
	margin-bottom:20px;
	border:0.1px #EEEEEE solid;
	background-color:transparent;
	padding-left: 5px;
}
.banner form .input1{
	line-height:40px;
	height:120px;
}
.banner form .input2{
	width:200px;
	margin-left:150px
}
.banner form input:focus{
	outline: none;
	border: 1px #07cbc9 solid;
}
.banner form input:hover{
	border: 1px #07cbc9 solid;
}
.banner form .input2:hover{
	background-color: #07cbc9;
	border: 1px #000 solid;
}
.about{
	width:100%;
	height:1475px;
}
.about-top{
	width:100%;
	height:230px;
}
.about-top h1{
	text-align: center;
	padding-top: 50px;
	padding-bottom:25px;
}
.about-top hr{
	width:50px;
	height:3px;
	margin:0 auto;
	background-color: #07cbc9;
	border:none;
}
.about-top p{
	text-align:center;
	padding-top: 25px;
	line-height:30px;
	color:#999999;
}
.about-bottom{
	padding-top: 30px;
	width:52%;
	height:415px;
	margin:0 auto;
}
.about-bottom .left{
	width: 50%;
	float:left;
	position: relative;
}
.about-bottom img{
	position:absolute;
	width: 28%;
	left:36%;
	padding-bottom: 50px;
}
.about-bottom h2{
	font-weight: normal;
	padding:5px;
}
  .about-bottom .left .opacity{
  	width:365px;
  	height: 190px;
  	position:absolute;
  	top:70px;
  	left: 0;
    background-color:#ffffff;
    opacity:0.1;
    z-index: 1;
  }
  .about-bottom .left .content{
  	position: absolute;
  	top: 70px;
  	left:0;
	width:335px;
	height:160px;
	padding:15px;
	border: 0.1px #000 solid;
	background-color: #ffffff;
	opacity: 0.9;
	z-index: 2;
}

.about-bottom .left .content a{
	text-decoration: none;
	color:#ffffff;
	margin-top:10px;
	padding:8px;
	background-color: #000;
	border: 1px #000 solid;
}
.about-bottom .left .content a:hover{
	background-color: #ffffff;
	color: #000;
}
.about-bottom .right{
	float: right;
	text-align: center;
}

.about-bottom .right .content2{
	padding:20px;
	width: 150px;
	height:60px;
	border:0.1px #07cbc9 solid;
	margin-bottom: 40px;
}
.about-bottom .right .content2 hr{
	width:55px;
	height:3px;
	margin:10px auto;
	background-color: #07cbc9;
	border:none;
}
.about-last{
	width:100%;
	height:800px;
}
.about-last .picture,.about-last .content3{
	float: left;
	width: 25%;
	height: 400px;
}
.about-last .picture1{
	position: relative;
}
.about-last .picture2{
	position: relative;
}
.about-last .picture img{
	width: 100%;
	height: 100%;
}
.about-last .picture1:before{
position: absolute;
content: "";
display: block;
width: 0;
height: 0;
top: 50%;
right: 0;
margin-top: -15px;
border: 30px solid transparent;
border-right-color: #07cbc9;
}
.about-last .picture2:before{
position: absolute;
content: "";
display: block;
width: 0;
height: 0;
top: 50%;
left: 0;
margin-top: -15px;
border: 30px solid transparent;
border-left-color: #07cbc9;
}
.about-last .content3{
	background-color: #07cbc9;
	color:#ffffff;
	line-height:30px;
	position: relative;
}
.about-last .content3 a{
	text-decoration: none;
	color:#ffffff;
	width: 80px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	margin-top: 25px;
	padding:8px;
	background-color: #000;
	position:absolute;
	left: 50%;
	margin-left: -40px;
	border: 1px #000 solid;
}
.about-last .content3 a:hover{
	background-color: #07cbc9
}
.about-last .content3 h2{
	padding:20px;
}
.about-last .content3 h4,.about-last .content3 p{
	padding-bottom: 20px;
	padding-left:20px;
	padding-right:20px;
}
.gallery{
	width:100%;
	height:950px;
}
.gallery-top{
	width:100%;
	height:240px;
}
.gallery-top h1{
	text-align: center;
	padding-top: 50px;
	padding-bottom:25px;
}
.gallery-top hr{
	width:50px;
	height:3px;
	margin:0 auto;
	background-color: #07cbc9;
	border:none;
}
.gallery-top p{
	text-align:center;
	padding-top: 25px;
	line-height:30px;
	color:#999999;
}
.gallery-bottom{
	width: 65%;
	height: 710px;
	margin:0 auto;
}
.gallery-bottom div{
	float: left;
	width: 30%;
	height: 300px;
	margin-top:20px;
}
.gallery-bottom .middle,.gallery-bottom .right{
	margin-left: 5%
}
.gallery-bottom div img{
	width: 100%;
	height: 250px;
	display: block;
}
.gallery-bottom div p{
	height: 50px;
	line-height: 50px;
	background-color: #000;
	color:#ffffff;
	padding-left: 10px;
}
.footer{
	width: 100%;
	height:100px;
	background-color: #07cbc9;
	color:#ffffff;
	line-height: 100px;
	text-align: center;
}